<script>
    function proccessForm3(string){
        var getData = $.parseJSON(string);
        if(getData.errors == 1 || getData.errors == true)
            window.location.reload(false);
        else
            $('#errors3').html(getData.errors).show("slow");
    }

    $(document).ready(function(){
        $("#errors3").hide();
        $('#step_one_login_form').submit(function(eve){
            eve.preventDefault();
            $.ajax({
                url: '<?= base_url(); ?>user/login_in',
                type: 'POST',
                data: $('#step_one_login_form').serialize(),
                success: function(string){
                    proccessForm3(string);
                },
                error: function(){
                    alert('Co loi xay ra');
                }
            })
        });
});
</script>
<div class="ds-sanpham">
    <h1><span>Thông báo! </span></h1>
<!--    <div class="pb-container">
        <span class="active"><em>1</em>Thông tin khách hàng</span>
        <img src="<?= base_url(); ?>images/pb_arrow.gif" width="25" height="7" border="0" alt="->"/>
        <span><em>2</em><a href="#">Địa chỉ giao hàng</a></span>
        <img src="<?= base_url(); ?>images/pb_arrow.gif" width="25" height="7" border="0" alt="->"/>
        <span><em>2</em><a href="#">Thanh toán và vận chuyển</a></span>
        <img src="<?= base_url(); ?>images/pb_arrow.gif" width="25" height="7" border="0" alt="->"/>
        <span><em>2</em><a href="#">Kiểm tra và xác nhận</a></span>
    </div>-->
    <div class="clear"></div>
    <div class="step-container-active">
        <h2 class="step-title-active">
            <a class="title">Đăng nhập</a>
        </h2>
        <div id="step-one-body" class="step-body-active">
            <div id="step-one-login">
                <div class="clear1">
                    <table class="login-table" cellpadding="0" cellspacing="0" border="0">
                        <tbody>
                            <tr valign="top">
                                <td width="50%" class="login_form">
                                    <h2 class="subheader">A. Nếu bạn đã có tài khoản xin vui lòng đăng nhập tại đây.</h2>
                                    <div>
                                        <form name="step_one_login_form" id="step_one_login_form" action="<?= base_url();?>user/login_in" method="post">
                                            <div id="errors3"></div>
                                            <div class="form-field">
                                                <label for="login_checkout" class="cm-required cm-trim cm-email">Tài khoản</label>
                                                <input type="text" id="login_checkout" name="username" size="30" class="input-text cm-focus"/>
                                            </div>
                                            <div class="form-field">
                                                <label for="psw_checkout" class="cm-required">Mật khẩu</label>
                                                <input type="password" id="psw_checkout" name="password" size="30" class="input-text password"/>
                                            </div>
                                            <div class="form-clear">
                                                <div class="float-right">
                                                    <span class="button-submit-action">
                                                        <input type="submit" name="btnLogin" value="Đăng nhập"/>
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="clear"></div>
                                            <p class="center"><a href="<?= site_url('user/quen_mk');?>">Quên mật khẩu</a></p>
                                        </form>
                                    </div>
                                </td>
                                <td width="50%">
                                    <h2 class="subheader">B. Bạn chưa có tài khoản ?</h2>
                                    <span class="t">Hãy kích vào nút "Đăng ký" để tạo tài khoản mua hàng</span>
                                    <div class="buttons-container-right">
                                        <span class="button">
                                            <a href="<?= base_url();?>dang_ky">Đăng ký</a>
                                        </span>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>